//Ext.ns('com.quizzpot.tutorial');
/*
Ext.onReady(function(){
		//data
*/
//grill Usuario
	var datos = [
		['jennifer','tenorio','estudiante'],
		['jennifer','chasqui','profesor'],
		['andrea','tenorio','administrador']
		];
	
      //repositorio de datos/
		
	var registrarUsuarios=new Ext.data.ArrayStore({
		fields:[
			{name: 'nombre', type: 'string'},
			{name: 'apellido', type: 'string'},
			{name: 'tipoUsuario', type: 'string'}
			]
	  });
	  
	 

//llenar el arreglo con los datos 
	  registrarUsuarios.loadData(datos);
  
//cuadritos de de checkup
	 //var mySeleccion = new ext.grid.CheckboxSelectionModel({singleSelect: false});

	  var gridUsuario = new Ext.grid.GridPanel({
	      title: 'Usuarios',
	      store: registrarUsuarios,
	     // renderTo:'frame',
		  columns: [
		      //new Ext.grid.RowNumberer(),//coloca el numero a la grilla
		      //mySeleccion,
		      {id:'nombre', header:"Nombre", height:100,width: 155, sortable: true, dataIndex:'nombre'},
		      {header: "Apellido", height:100,width: 155, sortable: true, dataIndex: 'apellido'},
		      {header: "Tipo Usuario",height:100, width: 100, sortable: true, dataIndex: 'tipoUsuario'}],
		      tbar: [{
            text: 'Agregar',
            iconCls: 'silk-add',
            //handler: onAdd
        }, '-', {
            text: 'Eliminar',
            iconCls: 'silk-delete',
           // handler: onDelete
        },'-', {
            text: 'Actualizar',
            iconCls: 'silk-delete',
           // handler: onDelete
        }, '-'],		//sm: mySeleccion,
		stripeRows: true,
		height:250,
		width:445
	  });


//Grilla para material
	var datos2 = [
	['didacticas','html/','hola','fase1','artefacto1','1'],
	['didacticas','html/','hola','fase1','artefacto1','1'],
	['didacticas','html/','hola','fase1','artefacto1','1'],
	['didacticasdddddd','html/','hola','fase1','artefacto1','1']
	];		
	
	var registrarMaterial= new Ext.data.ArrayStore({
		fields:[
			{name: 'material', type: 'string'},
			{name: 'ruta', type: 'string'},
			{name: 'descripcion', type: 'string'},
			{name: 'fase', type: 'string'},
			{name: 'artefacto', type: 'string'},
			{name: 'actividad', type: 'string'}
			]
	  });
	registrarMaterial.loadData(datos2);

	  var gridMaterial = new Ext.grid.GridPanel({
	      title: 'Material',
	      store: registrarMaterial,
	      //renderTo:'frame',
	      columns:[
		      new Ext.grid.RowNumberer(),//coloca el numero a la grilla
		      //mySeleccion,
		      {id:'material', header:"Material", whidth:160, sortable:true, dataIndex:'material'},
		      {header: "Ruta", width: 75, sortable: true, dataIndex: 'ruta'},
		      {header: "Descripcion", width: 75, sortable: true, dataIndex: 'descripcion'},
		      {header: "Fase", width: 75, sortable: true, dataIndex: 'fase'},
		      {header: "Artefacto", width: 75, sortable: true, dataIndex: 'artefacto'},
		      {header: "Actividad", width: 75, sortable: true, dataIndex: 'actividad'}
		      ],
	tbar: [{
            text: 'Agregar',
            iconCls: 'silk-add',
            //handler: onAdd
        }, '-', {
            text: 'Eliminar',
            iconCls: 'silk-delete',
           // handler: onDelete
        },'-', {
            text: 'Actualizar',
            iconCls: 'silk-delete',
           // handler: onDelete
        }, '-'],
		//sm: mySeleccion,
		stripeRows: true,
		height: 250,
		width:550  
	  });

// metodologia
//Grilla para Fases
	var datos3 = [
	['didacticas','html/','hola'],
	['didacticas','html/','hola'],
	['didacticas','html/','hola'],
	['didacticasdddddd','html/','hola']
	];		
	
	var fases= new Ext.data.ArrayStore({
		fields:[
			{name: 'nombre', type: 'string'},
			{name: 'descripcion', type: 'string'},
			{name: 'material', type: 'string'}
			]
	  });

	fases.loadData(datos3);

	  var gridFases = new Ext.grid.GridPanel({
	      title: 'Fases',
	      store: fases,
	      //renderTo:'frame',
	      columns:[
		      new Ext.grid.RowNumberer(),//coloca el numero a la grilla
		      //mySeleccion,
		      {id:'nombre', header:"nombre", whidth:160, sortable:true, dataIndex:'nombre'},
		      {header: "Descripcion", width: 300, sortable: true, dataIndex: 'descripcion'},
		      {header: "Ruta", width: 200, sortable: true, dataIndex: 'ruta'}
		      ],
	tbar: [{
            text: 'Eliminar',
            iconCls: 'silk-delete',
           // handler: onDelete
        },'-', {
            text: 'Actualizar',
            iconCls: 'silk-delete',
           // handler: onDelete
        }, '-'],
		//sm: mySeleccion,
		stripeRows: true,
		height: 250,
		width:600  
	  });

//Grilla para Actividad
	var datos4 = [
	['didacticas','html/','hola'],
	['didacticas','html/','hola'],
	['didacticas','html/','hola'],
	['didacticasdddddd','html/','hola']
	];		
	
	var actividad= new Ext.data.ArrayStore({
		fields:[
			{name: 'nombre', type: 'string'},
			{name: 'fase', type: 'string'},
			{name: 'descripcion', type: 'string'},
			{name: 'material', type: 'string'}
			]
	  });

	actividad.loadData(datos4);

	  var gridActividad = new Ext.grid.GridPanel({
	      title: 'Actividad',
	      store: actividad,
	      //renderTo:'frame',
	      columns:[
		      new Ext.grid.RowNumberer(),//coloca el numero a la grilla
		      //mySeleccion,
		      {id:'nombre', header:"Nombre", whidth:160, sortable:true, dataIndex:'nombre'},
		      {header: "Fase", width: 160, sortable: true, dataIndex: 'fase'},
		      {header: "Descripcion", width: 200, sortable: true, dataIndex: 'descripcion'},
		      {header: "Material", width: 200, sortable: true, dataIndex: 'material'}
		      ],
	tbar: [ {
            text: 'Eliminar',
            iconCls: 'silk-delete',
           // handler: onDelete
        },'-', {
            text: 'Actualizar',
            iconCls: 'silk-delete',
           // handler: onDelete
        }, '-'],
		//sm: mySeleccion,
		stripeRows: true,
		height: 250,
		width:600  
	  });

//Grilla para Actividad
	var datos5 = [
	['didacticas','html/','hola','hola'],
	['didacticas','html/','hola','hola'],
	['didacticas','html/','hola','hola'],
	['didacticasdddddd','html/','hola','hola']
	];		
	
	var artefacto= new Ext.data.ArrayStore({
		fields:[
			{name: 'nombre', type: 'string'},
			{name: 'actividad', type: 'string'},
			{name: 'descripcion', type: 'string'},
			{name: 'material', type: 'string'}
			]
	  });

	artefacto.loadData(datos5);

	  var gridArtefacto = new Ext.grid.GridPanel({
	      title: 'Artefacto',
	      store: artefacto,
	      //renderTo:'frame',
	      columns:[
		      new Ext.grid.RowNumberer(),//coloca el numero a la grilla
		      //mySeleccion,
		      {id:'nombre', header:"Nombre", whidth:160, sortable:true, dataIndex:'nombre'},
		      {header: "Actividad", width: 160, sortable: true, dataIndex: 'actividad'},
		      {header: "Descripcion", width: 200, sortable: true, dataIndex: 'descripcion'},
		      {header: "Material", width: 200, sortable: true, dataIndex: 'material'}
		      ],
	tbar: [ {
            text: 'Eliminar',
            iconCls: 'silk-delete',
           // handler: onDelete
        },'-', {
            text: 'Actualizar',
            iconCls: 'silk-delete',
           // handler: onDelete
        }, '-'],
		//sm: mySeleccion,
		stripeRows: true,
		height: 250,
		width:600  
	  });

//Grillas para consulta 
    function formatDate(value){
        return value ? value.dateFormat('M d, Y') : '';
    }

     var fm = Ext.form;

	var datos7 = [
	['didacticas','05/05/2010'],
	['didacticas','05/05/2010'],
	['didacticas','05/05/2010'],
	['didacticasdddddd','05/05/2010']
	];		
	
	var consultaFases= new Ext.data.ArrayStore({
		fields:[
			{name: 'nombre', type: 'string'},
			{name: 'fecha', mapping: 'availability', type: 'date', dateFormat: 'm/d/Y'}
			]
	  });

	consultaFases.loadData(datos7);

	var consultaGridFases = new Ext.grid.EditorGridPanel({
	      title: 'Fases',
	      store: consultaFases,
	      //renderTo: 'editor-grid',
	      clicksToEdit: 1,
	      columns:[
		      new Ext.grid.RowNumberer(),//coloca el numero a la grilla
		      //mySeleccion,
		      {id:'nombre', header:"Nombre", width:250, sortable:true, dataIndex:'nombre'},
		      {
		      header: "Fecha",
		      dataIndex: 'fecha',
		      width: 150,
		      renderer: formatDate,
		      xtype: 'datecolumn', // use xtype instead of renderer
		      //format: 'M/d/Y' // configuration property for {@link Ext.grid.DateColumn}
		      editor: new fm.DateField({
			    format: 'm/d/y',
			    minValue: '01/01/06',
			    disabledDays: [0, 6],
			    disabledDaysText: 'Plants are not available on the weekends'
		      })
		      }
		      ],
		//sm: mySeleccion,
		stripeRows: true,
		height: 300,
		width:680  
	  });
	var consultaArtefacto= new Ext.data.ArrayStore({
		fields:[
			{name: 'nombre', type: 'string'},
			{name: 'fecha', mapping: 'availability', type: 'date', dateFormat: 'm/d/Y'}
			]
	  });
	consultaArtefacto.loadData(datos7);

	  var consultaGridArtefacto = new Ext.grid.EditorGridPanel({
	      title: 'Artefacto',
	      store: artefacto,
	      //renderTo:'frame',
	       columns:[
		      new Ext.grid.RowNumberer(),//coloca el numero a la grilla
		      //mySeleccion,
		      {id:'nombre', header:"Nombre", width:250, sortable:true, dataIndex:'nombre'},
		      {
		      header: "Fecha",
		      dataIndex: 'fecha',
		      width: 150,
		      renderer: formatDate,
		      xtype: 'datecolumn', // use xtype instead of renderer
		      //format: 'M/d/Y' // configuration property for {@link Ext.grid.DateColumn}
		      editor: new fm.DateField({
			    format: 'm/d/y',
			    minValue: '01/01/06',
			    disabledDays: [0, 6],
			    disabledDaysText: 'Plants are not available on the weekends'
		      })
		      }
		      ],
		//sm: mySeleccion,
		stripeRows: true,
		height: 300,
		width:680  
	  });	
	var consultaActividad= new Ext.data.ArrayStore({
		fields:[
			{name: 'nombre', type: 'string'},
			{name: 'fecha', mapping: 'availability', type: 'date', dateFormat: 'm/d/Y'}
			]
	  });

	consultaActividad.loadData(datos7);

	  var consultaGridActividad = new Ext.grid.EditorGridPanel({
	      title: 'Artefacto',
	      store: artefacto,
	      //renderTo:'frame',
	      columns:[
		      new Ext.grid.RowNumberer(),//coloca el numero a la grilla
		      {id:'nombre', header:"Nombre", width:250, sortable:true, dataIndex:'nombre'},
		      {
		      header: "Fecha",
		      dataIndex: 'fecha',
		      width: 150,
		      renderer: formatDate,
		      xtype: 'datecolumn', // use xtype instead of renderer
		      //format: 'M/d/Y' // configuration property for {@link Ext.grid.DateColumn}
		      editor: new fm.DateField({
			    format: 'm/d/y',
			    minValue: '01/01/06',
			    disabledDays: [0, 6],
			    disabledDaysText: 'Plants are not available on the weekends'
		      })
		      }
		      ],
		stripeRows: true,
		height: 300,
		width:800 
	  });

// Grilla para Cursos
	var datos8 = [
	['curso1','xp'],
	['curso2','55']
	];	

	 var curso= new Ext.data.ArrayStore({
		fields:[
			{name: 'curso', type: 'string'},
			{name: 'metodologia'}
			]
	  });

	curso.loadData(datos8);

	

	  var cursos = new Ext.grid.EditorGridPanel({
	      title: 'Curso',
	      store: curso,
	      columns:[
		      new Ext.grid.RowNumberer(),//coloca el numero a la grill
		      {
			id: 'curso',
			header: "Curso",
			dataIndex: 'curso',
			width: 180,
			// use shorthand alias defined above
			editor: new fm.TextField({
			    allowBlank: false
			})
		    }// cargar la informacion de un array estatico porque solo son dos metodologias XP y RUP
		      ,{
		      header: 'Metodologia',
		      dataIndex: 'metodologia',
		      width: 180,
		      editor: new fm.ComboBox({
			  typeAhead: true,
			  triggerAction: 'all',
			  //transform:'metodologia',
			  lazyRender: true,
			  listClass: 'x-combo-list-small'
			})
		    }
		      ],
		tbar: [{
		    text: 'Agregar',
		    iconCls: 'silk-add',
		    //handler: onAdd
		}, '-', {
		    text: 'Eliminar',
		    iconCls: 'silk-delete',
		    // handler: onDelete
		},'-', {
		  text: 'Actualizar',
		  iconCls: 'silk-delete',
		  // handler: onDelete
		}, '-'],	
		stripeRows: true,
		height: 200,
		width:600	
	  });

// Grilla para Grupos de trabajo
	var datos9 = [
	['Grupo1','750555',4.5],
	['Grupo1','750555',4.5]
	];	

	 var gruposTrabajo= new Ext.data.ArrayStore({
		fields:[
			{name: 'grupo', type: 'string'},
			{name: 'curso'},
			{name: 'notaDefinitiva', type: 'float'}
			]
	  });

	gruposTrabajo.loadData(datos9);

	

	  var gruposTrabajo = new Ext.grid.EditorGridPanel({
	      title: 'Grupos de Trabajo',
	      store: gruposTrabajo,
	      columns:[
		      new Ext.grid.RowNumberer(),//coloca el numero a la grill
		      {
			id: 'grupo',
			header: "Grupo",
			dataIndex: 'grupo',
			width: 180,
			// use shorthand alias defined above
			editor: new fm.TextField({
			    allowBlank: false
			})
		    } //QUIERO HACER UN COMBO SELECT Y NO PUEDO :s :s
		      ,{
		      header: 'Cursos',
		      dataIndex: 'curso',
		      width: 180,
		      editor: new fm.ComboBox({
			  typeAhead: true,
			  triggerAction: 'all',
			  //transform:'metodologia',
			  lazyRender: true,
			  listClass: 'x-combo-list-small'
			})
		    },
		  {
			id: 'notaDefinitiva',
			header: "Nota Definitiva",
			dataIndex: 'notaDefinitiva',
			width: 180,
			// use shorthand alias defined above
			editor: new fm.TextField({
			    allowBlank: false
			})
		    }
		      ],
		tbar: [{
		    text: 'Agregar',
		    iconCls: 'silk-add',
		    //handler: onAdd
		}, '-', {
		    text: 'Eliminar',
		    iconCls: 'silk-delete',
		    // handler: onDelete
		},'-', {
		  text: 'Actualizar',
		  iconCls: 'silk-delete',
		  // handler: onDelete
		}, '-'],	
		stripeRows: true,
		height: 200,
		width:600	
	  });


